<template>
  <div>    
    <div class="container">
      <!-- <div v-for="i in 5">123</div> -->
      <div class="content" ref="scrollContainer">
        <list ref="list"></list>
      </div>
    </div>
    <!-- <tab-bar></tab-bar> -->
  </div>
</template>
<script>
import TabBar from './common/tabbar';
import List from './common/list';

export default {
  name: 'ViewList',
  data() {
    return {
      popupVisible: false,
      zIndex: 2,
    };
  },
  created() {
  },
  activated() {
  },
  watch: {
    popupVisible(nv) {
      if (!nv) {
        setTimeout(() => {
          this.zIndex = 1;
        }, 300);
      }
    },
  },
  methods: {
    back() {
    },
    showFilter() {
      this.zIndex = 3000;
      this.popupVisible = !this.popupVisible;
    },
  },
  mounted() {
    this.$refs.list.query();
  },
  components: {
    List,
    TabBar,
  },
};
</script>

<style scoped lang='less'>
.content {
  overflow-y: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
</style>
